<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>step4</title>
    <style>
        .panelform{
            width:80%;
            height: 460px;
            margin: 0 auto;
        }
        .fixed-table-container{
            padding-bottom: 0;
            height: 270px;
        }

        .form-control {
            height: 35px;
        }

        .form-control-feedback{
            right: 25px;
        }

        .glyphicon-ok{
            color:green;
        }
        .glyphicon-remove{
            color:#A94442;
        }
        .seed{
            margin: 0 auto ;
        }
        .modal-header{
            background-color: #fff;
        }

        .leftbtn{
            margin-top: 10px;
            float: left;
        }
        .bootstrap-table{
            height: 460px;
        }

    </style>
</head>
<body>
<div  class="panelform">
    <div class="container-fluid" >
        <div class="row-fluid">
            <div class="span12">
                <div class="tabbable" >
                    <ul class="nav nav-tabs nav-justified">
                        <li class="active">
                            <a href="#panel-plan" data-toggle="tab">爬取方案名称</a>
                        </li>
                        <li>
                            <a href="#panel-seed" data-toggle="tab">爬取起始地址</a>
                        </li>
                        <li >
                            <a href="#panel-regex" data-toggle="tab">爬取地址过滤规则</a>
                        </li>
                        <li>
                            <a href="#panel-element" data-toggle="tab">抓取目标规则</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="panel-plan" >
                            <table id="t_plan"></table>
                        </div>
                        <div class="tab-pane" id="panel-seed">
                            <table id="t_seed"></table>
                        </div>
                        <div class="tab-pane" id="panel-regex">
                            <table id="t_regex"></table>
                        </div>
                        <div class="tab-pane" id="panel-element">
                            <table id="t_element"></table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="/static/crawl/step/step4-plan.js"></script>
<script type="text/javascript" src="/static/crawl/step/step4-seed.js"></script>
<script type="text/javascript" src="/static/crawl/step/step4-regex.js"></script>
<script type="text/javascript" src="/static/crawl/step/step4-element.js"></script>
<script type="text/javascript">
    $(function(){
        var oTablePlan = new TablePlan();
        oTablePlan.Init();
        var oTableSeed = new TableSeed();
        oTableSeed.Init();
        var oTableRegex = new TableRegex();
        oTableRegex.Init();
        var oTableElement = new TableElement();
        oTableElement.Init();
    });
</script>
</body>
</html>